// 初始化 
mui.init();

mui.plusReady(function() {
	// 获取父wv
	var parentWv = plus.webview.currentWebview();
	// 创建4个子webview
	var pageList = [
		{
			url:'../message/message.html',
			id:'message'
		},
		{
			url:'../address_book/address_book.html',
			id:'address_book'
		},
		{
			url:'../discover/discover.html',
			id:'discover'
		},
		{
			url:'../mine/mine.html',
			id:'mine'
		}
	];
	// for 循环来创建4个子页面
	for (var i = 0, l = pageList.length; i < l; i++) {
		var url = pageList[i].url;
		var id = pageList[i].id;
		console.info(url+"--"+id);
		// 如果wv已经被创建则跳过本次循环
		if (plus.webview.getWebviewById(id)) {
			continue;
		}
		// 创建webview
		var newWv = plus.webview.create(url, id, {
			bottom:'50px',
			top:'0px',
			// 侧滑跳转页面功能
			popGesture:'none'
		});
		// 设置webview的显示状态
		// 第一个wv显示出来，其他的view隐藏
		if (i === 0) {
			newWv.show();
		} else {
			newWv.hide();
		}
		// 把子wv追加到父webview
		parentWv.append(newWv);
	}
	// 默认显示的子页面
	var showWv = 'message';
	mui('.mui-bar').on('tap', '.mui-tab-item', function(e) {
//		mui.alert('click');
		// 如果当前显示的子页面和即将点击的子页面为同一个，那么不执行
		if (showWv === this.dataset.id) {
			return;
		}
		// 隐藏当前正在显示的webview
		plus.webview.getWebviewById(showWv).hide();
		// 再显示即将点击的webview
		console.info(this.dataset.id);
		var willShowWv = plus.webview.getWebviewById(this.dataset.id);
		willShowWv.show('none', 0, function() {
			// 触发webview界面里边定义的showpage事件
			mui.fire(willShowWv, 'showpage'); // 第一个参数是触发那个wv对象，第二个参数：触发这个wv的什么事件
			
		});
		// 更新当前显示的子页面ID
		showWv = this.dataset.id;
	});
});	